<template>
	<div class="boa">
		<!-- 商机区域 -->
		<Head title="商机" style="border-bottom: none;">
		</Head>
		<Banner></Banner>
		<!-- 版心区域 -->

		<!-- 商机总区域 -->
		<div class="tp">
			<!-- 用户单位文字区域 -->
			<div class="umit">
				<div class="xiao">
					<div class="left">
						<!-- <img src="../../../assets/icon_column.png" alt="" /> -->
					</div>
					<div class="zhong">{{ $route.query.title }}</div>
				</div>
			</div>
		</div>
		<div
			class="list"
			v-for="(item, index) in list"
			:key="index"
			@click="detail(item)"
		>
			<div class="flex aic bold-700 m-l-10 m-t-10">
				<div>{{ index + 1 }}</div>
				.
				{{ item.businessTitle }}
			</div>
		</div>
	</div>
</template>

<script>
import { Notice, getBusinessproUrl } from "@/api/index"
import Head from "@/components/public/HeadPage.vue"
import Banner from "@/components/Home/BannerView.vue"
export default {
	data() {
		return {
			address: [],
			list: []
		}
	},
	components: {
		Head,Banner
	},
	mounted() {
		// Notice().then((res) => {
		// 	this.address = res.data
		// })
		// getBusinessproUrl({
		// 	businessproId: this.$route.query.id
		// }).then(res => {
		// 	if (res.data.code == 200) {
		// 		this.list = res.data.rows
		// 	}
		// })
	},
	methods: {
		detail(item) {
			let path = window.location.protocol + "//" + item.businessUrl
			 window.location.href = path
		}
	}
}
</script>

<style scoped>
.boa {
	width: 100%;
	min-height: 6.5rem;
	background-color: #f0eff5;
}
/* 图标区域 */
.top img {
	width: 0.24rem;
	margin-right: 0.05rem;
}
/* 商机总区域 */
.tp {
	width: 100%;
}

/* 用人单位区域 */
.umit {
	width: 100%;
	height: .35rem;
    background-color: white;
}
.xiao {
	width: 100%;
    display: flex;
	align-items: center;

}
/* 左边区域 */
.left {
	width: 0.1rem;

}
.xiao .left img {
	width: 0.1rem;
	height: 0.3rem;
}
/* 中间区域 */
.zhong {
	width: 95%;
	height: 100%;
	line-height: 0.35rem;
   font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
</style>